*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* 所有大盒子的宽度和高度 */

#Top-ads{
    background-color: red;
    display: block;
    width:100%;
    min-width:1200px;
    height:60px;
    box-sizing: border-box; /* 确保内边距和边框包含在宽度内 */
}
.ads-content{
    margin:0 auto;
    width:1072px;
    height:60px;
    position: relative;
    background-size: 100% 100%;
    /* 设置背景图像的大小以适应元素的宽度和高度 */
}
#ads-618{
    position: absolute;
    top:0;
    left:0;
    height:60px;
    width: 142px;
}
.ads-content h1{
    position: absolute;
    top:6px;
    right: 500px;
    color: white;
}
.Top-ads-right{
    position:absolute;
    width:290px;
    height:48px;
    top:6px;
    left:742px;
    display: flex;
    gap: 10px;
}
.Top-ads-right img{
    height:48px;
    width:48px;
    border-radius: 6px;
}
.item_1{
    display: flex;
    width: 139px;
    height:48px;
    background-color: rgb(255,243,245);
    border-radius: 6px;
}
.item_1-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left:8px;
}
.item_1-text span{
    color: #FF0E22;
    font-size: 14px;
    width: 75px; /* 设置容器宽度，可根据实际需求调整 */
    overflow: hidden; /* 隐藏超出的部分 */
    white-space: nowrap; /* 防止换行 */
}


.item_2{
    display: flex;
    width: 139px;
    height:48px;
    background-color: rgb(255,243,245);
    border-radius: 6px;
}
.item_2-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left:8px;
}
.item_2-text span{
    color: #FF0E22;
    font-size: 14px;
    width: 80px; /* 设置容器宽度，可根据实际需求调整 */
    overflow: hidden; /* 隐藏超出的部分 */
    white-space: nowrap; /* 防止换行 */
}
/* 导航栏大盒子的样式 */

.navigation-bar{
    max-width:1600px;
    height:36px;
    /* background-color: red; */
    margin:auto;
    display: flex;
    align-items: center;
    /* 让左右两盒子位于左右两边 */
    justify-content: space-between;
    position: relative;
    min-width: 1180px;
    max-width: 1600px;
}
.navigation-bar > .left{
    position: absolute;
    left:0;
}
.navigation-bar > .right{
    position: absolute;
    right:0;
}
.ul1{
    /* 去除默认的ul样式 */
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.ul1-li{
    font-size: 12px;
    color:#505259;
    display: flex;
}
.ul1-li a{
    font-size: 12px;
    color:#505259;
    text-decoration: none;
}
.ul1-li-a:hover{
    color: #FF0E22;
    
}
.ul1 li:hover{
    color: #FF0E22;
    
}
.ul1-li:not(:last-child)::after{
    content:'|';
    padding-left:16px;
    padding-right: 16px;
}


/* 分隔线样式调整 */
.ul1-li:not(:last-child)::after {
    content: '|';
    padding-left: 12px;
    padding-right: 12px;
    color: #e0e0e0;
}

/* 默认隐藏下拉菜单 */
.region-dropdown {
    display: none;
    position: absolute;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 100;
    width: 110px;
    height:100%;
}
.region-dropdown li{
    height:36px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width:110px;
    background-color: white;
}
.region-dropdown a{
    width:81px;
    color:#505259;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.region-container{
    display: flex;
}
.region-dis:hover .region-dropdown{
    display: block;
    height:100%;
    height:100px;
}
.region-container:hover .region-dropdown li{
    display: flex;
}
.region-dropdown:hover .region-dropdown li{
    display: flex;
}

.region-active a{
    background-color: #ff0023;
    color:#fff;
}

/* 商品搜索栏 */
.search-box{
    background-color: rgb(247,252,253);
    min-width:1200px;
    width:100%;
    height:100%;
    position: relative;
}
.search-bar{
    max-width:1708px;
    height:100%;
    margin:auto;
    position:relative;
    z-index: 1;
    padding:0 54px;
    min-width: 1180px;
}
/* 搜索栏顶部元素 */
.search-bar-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:auto;
    height:134px;
}
.search-bar-top > .jingdong-logo img{
    width: 248px;
    height: 70px;
    vertical-align: middle;
}
/* 搜索栏顶部中间元素 */
.search-bar-top-middle{
    flex:1;
    margin-left:60px;
    height:auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.search-bar-top-middle > .search-input-top{
    display: flex;
    height:44px;
    min-width:512px;
}
.search-bar-top-middle > .search-input-top >.left{
    border: 2px solid #ff0f23;
    border-radius: 8px;
    display:flex;
    align-items: center;
    height:44px;
    width: 100% !important;
    position:relative;
    overflow: hidden; /* 添加这行防止子元素溢出 */

}
#search-input{
    height: 40px;
    padding: 2px 128px 2px 19px;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none; /* 移除聚焦时的轮廓线 */
    flex:1;
    position: absolute;
    
    left:0px;
    top:0px;
}
.other-search{
    display: flex;
    justify-content: center;
    align-items: center;
    height:44px;
    gap:10px;
    position: absolute;
    right:0px;
    top: -2px;
}
.other-search a{
    background-image: url('./img/take.png');
    background-size: 100% 100%;
    width:20px;
    height:20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.other-search button{
    background-color: #ff0f23;
    border: none;
    margin-right:2px;
    border-radius: 8px;
    color: white;
    width:80px;
    height:36px;
    font-size:16px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-bar-top-middle > .search-input-bottom ul{
    list-style: none;
    display: flex;
    flex:1;
    position: absolute;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    z-index: -1;
}
.search-bar-top-middle > .search-input-bottom li{
    white-space: nowrap; /* 确保内容不换行 */
    overflow: hidden;
}
/* 前两个列表项设置为红色字体 */
.search-input-bottom ul li:nth-child(1) a,
.search-input-bottom ul li:nth-child(2) a {
    color: red;
}

/* AI盒子样式 */
.search-bar-top-middle > .search-input-top >.AI{
    width:120px;
    height:44px;
    font-size: 16px;
    font-weight: 700;
    line-height: 44px;
    color: #FF477F;
    border: 1px solid #FF477F;
    border-radius: 8px;
    margin-left:30px;
    font-size: 16px;
    display: flex;
    -webkit-box-align:center;
    align-items: center;
    padding-left: 14px;
}
.AI-img{
    width: 20px;
    height: 16px;
    margin-right: 6px;
}
/* 顶部中间右端天天签到gif样式 */
.search-bar-top > .search-bar-right-img{
    z-index: 1;
}
.search-bar-top > .search-bar-right-img img{
    width: 160px;
    height: 70px;
    margin-left:120px;
    z-index: 1;
}
/* 顶部中间底部元素样式 */
.search-input-bottom{
    display: flex;
    width: 100%; /* 继承父容器（搜索框）宽度 */
    gap: 10px; /* 调整间距 */
    padding: 0;
    margin: 0;
    list-style: none;
}
.search-input-bottom ul li{
    margin-right: 20px;
}
.search-input-bottom ul a{
    text-decoration: none;
    color: #505259;
    font-size: 14px;
}

/* 搜索栏底部元素 */
.search-bar-bottom{
    padding: 16px;
    display: flex;
    flex-direction: row;
    background-color: white;
    border-radius: 10px;
    height:432px;
    z-index: 1;
}
/* 底部左端元素 */
.search-bar-bottom-left{
    background-color: rgb(247,248,252);
    white-space: nowrap; /* 防止内容换行 */
    position: relative;
    padding-bottom: 10px;
 }
.search-bar-bottom-left > .ul-for-type{
    width: 248px;
    list-style: none;
    display: flex;
    flex-direction: column; /* 设置弹性容器的子元素排列方向为垂直方向 */
    gap:10px;
    padding-top:8px;
    height:100%;
    background-color: rgb(247,248,252);
    overflow: hidden; /* 隐藏超出部分 */
    padding-left: 20px;
}
.search-bar-bottom-left > .ul-for-type:hover{
    overflow:auto; /* 鼠标悬停时显示滚动条 */
}
.search-bar-bottom-left > .ul-for-type  ul{
    list-style: none;
    display: flex;
    flex-direction: row;
}
.search-bar-bottom-left > .ul-for-type  ul img{
    width: 14px;
    height: 14px;
    margin-right: 10px;
}
.search-bar-bottom-left > .ul-for-type  li{
    display: flex;
    align-items: center;
}
.search-bar-bottom-left > .ul-for-type  a{
    text-decoration: none;
    color: #1a1a1a;
    font-size: 14px;
}
.search-bar-bottom-left > .ul-for-type  a:hover{
    color: #FF0E22;
}
.search-bar-bottom-left > .ul-for-type  ul li:not(:last-child) a:after{
    content: '/' ;
    padding:0 4px;
}
/* 底部中间元素 */
.search-bar-bottom-middle{
    flex: 1 1 auto; /* 设置元素的弹性增长因子为1，弹性收缩因子为1，宽度为auto */
    display:flex;
    flex:1;
    flex-direction: column;
    width:auto;
    margin-left:  16px;
    margin-right: 16px;
    min-width: 512px;
}
.search-bar-bottom-middle-top{ 
    background-color: rgb(247,248,252);
    border-radius: 8px;
    height:48px;
    position: relative;
}
.search-bar-bottom-middle-top ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    /* overflow-x: auto; */
    /* 隐藏水平滚动条 */
    height:48px;
    align-items: center;
    flex:1;
    /* 设置垂直滚动条自动显示 */
    /* overflow-y:auto; */
    max-height: 100%; /* 确保不超过父容器高度 */
}
.search-bar-bottom-middle-top li{
    margin: 0 24px;
    flex-shrink: 0;
}
.search-bar-bottom-middle-top a{
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 700;
}
.subsidy-img{
    width:16px;
    height:16px;
    background-image: url('./img/subsity.png');
    margin-right:10px;
    margin-top:2px;
    background-size: 100% 100%; 
}
.right-arr{
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    width: 52px;
    height: 48px;
    /* display: none; */
    border-radius: 50%;
    cursor: pointer;
    background-color: #F7F8FC;
    z-index: 1;
}
.left-arr{
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    width: 52px;
    height: 48px;
    display: none;
    border-radius: 50%;
    cursor: pointer;
    background-color: #F7F8FC;
    z-index: 1;
}
.right-arr i{
    display: block;
    margin: 16px 16px 16px 20px;
    height: 16px;
    width: 16px;
    background-image: url('./img/right_arr.png');
    background-size: cover; /* 设置背景图片以覆盖整个元素 */
}
.left-arr i{
    display: block;
    margin: 16px 20px 16px 16px;
    height: 16px;
    width: 16px;
    background-image: url('./img/left_arr.png');
    background-size: cover; /* 设置背景图片以覆盖整个元素 */
}
.right-cover-arr::after{
    display: block;
    position: absolute;
    right: -5px;
    content: "";
    height: 100%;
    width: 5px;
    background-color: #F7F8FC;
}
.left-cover-arr::after{
    display: block;
    position: absolute;
    left: -5px;
    content: "";
    height: 100%;
    width: 5px;
    background-color: #F7F8FC;
}


.curation{
    width:auto;
    height:160px;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    gap:20px;
    position:relative;
}
.curation-left{
    flex:1; /* 设置元素的弹性增长因子为1 */
    height:336px; /* 设置元素的高度为336像素 */
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    overflow: hidden;
}
.carousel-item {
    display: none;
    width: 100%;
    height: 300px;
    background-size: cover;
}

.carousel-item.active {
    display: block;
    z-index: 1;
}
.carousel-item.active img {
    display: block; /* 仅在活动项中显示 */
}
.core-focus{
    height: 160px;
    position: relative;
    background-color: #F7F8FC;
    border-radius: 8px;
    position: relative;
}
.core-focus a{
    left: 0;
    top: 0;
    position: absolute;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    border-radius: 8px;
    z-index: -1;
}
/* .core-focus img{
    position: absolute;
    height: 100%;
    width: auto;
    top: 0;
    object-fit: cover;
} */
.curation-left img{
    position: absolute;
    border-radius: 8px;
    height:160px;
    flex: 1 1 auto; /* 设置子元素的弹性增长因子为1，弹性收缩因子为1，宽度为auto */
    display: block;
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 70px;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    z-index: 1;
}
.dot {
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background-color: #fff9ff;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.6s ease;
}
.dot.active{
    width:17px;
    border-radius: 10px;
}
.core-focus-indicators li {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .2);
    cursor: pointer;
}
.cur{
    z-index: -1;
}
.bg{
    z-index: 0;
}

.curation-right{
    flex:1;
    width:50%;
    height:336px; /* 设置元素的高度为336像素 */
    display: flex;
    flex-direction: column;
    position:relative;
    overflow: hidden;
    gap: 10px;
}
.core-flex{
    display: flex;
    height: 160px;
    gap: 10px;
    position: relative;
    width:auto;
}
.core-items{
    background: #F7F8FC;
    border-radius: 8px;
    flex:1;
}
.core-item-title{
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    padding:0 20px;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap; /* 禁止换行 */
}
.core-item-title span{
    align-self: flex-start; /* 确保靠左 */
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 700;
}
.core-item-slogan{
    align-self: flex-start; /* 确保靠左 */
    color: #B5691A;
    font-size: 14px;
}
.core-item-skus{
    display: flex;
    gap:30px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    overflow:hidden;
    position:relative;
}
.core-item-sku-img-wrap img{
    display:block;
    width:86px;
    height:86px;

    /* 设置混合模式为相乘，使当前元素的颜色与背景颜色相乘，产生新的颜色效果 */
    mix-blend-mode: multiply;
}
.core-item-sku {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    max-width:509px;
    overflow: hidden;
    text-decoration: none;
}
/* 图片所在的盒子 */
.core-item-sku-img-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:5px;
    position: relative;
}
.subsidy{
    color: #ff0f23;
    background-color: #FFEBEF;
    font-size: 12px;
    position: absolute;
    bottom:25px;
}
.price{
    font-size: 16px;
    color: #ff0f23;
    font-weight: 500;
}
#vip{
    height: 160px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 8px;
    background: #F7F8FC;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.vip-content{
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    height: 120px;
    overflow: hidden;
    padding: 10px 16px;
    gap: 30px;
}
.vip-left{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #1a1a1a;
    font-size: 14px;
    width: 96px;
    height: 106px;
    background-color: #FFF;
    border-radius: 8px;
    gap:5px;
    overflow: hidden;
}
.vip-left > .title{
    background-color: #FF3333;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 24px;
    line-height: 24px;
    width:100%;
    overflow: hidden;

}
.vip-right{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height:100%;
    overflow: hidden;
}
.vip-right img{
    display: block;
    width: 86px;
    height: 86px;
    border-radius: 8px;
    mix-blend-mode: multiply;
    /* 设置混合模式为相乘，用于定义元素内容与背景或其他元素的混合方式 */
    margin-bottom: 30px;
    overflow: hidden;
}
.vip-right span{
    display: block;
    margin-top: 80px;
    margin-left: 10px;
    font-weight: 700; 
}

/* 设置屏幕宽度大于等于1464px时，.core-item-content的第一个子元素的最小宽度为248px */
/* @media screen and (min-width: 1464px) {
    .goods-list{
        min-width: 116px;
    }
} */
#broadcast{
    height: 160px;
    flex: 1;
    border-radius: 8px;
    background: #F7F8FC;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.broadcast-content{
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    padding-left: 20px;
}
.broadcast-left, .broadcast-right{
    width:100%;
    height:100%;
    position: relative;
    padding-top: 10px;
}
.broadcast-left span{
    position: absolute;
    bottom:10px;
    color: #ff0023;
    font-size: 14px;
    padding-left: 20px;
}
.broadcast-right span{
    position: absolute;
    bottom:10px;
    color: #ff0023;
    font-size: 14px;
    padding-left: 20px;
}
.broadcast-left img, .broadcast-right img {
    width: 100px;
    height: 88px;
}
.bobo{
    position: absolute;
    top: 15px;
    left: 6px;
    width: 16px;
    height: 16px;
    background-image: url('./img/bobo.gif');
    z-index: 1;
    background-size: cover;
}

.core-item{
    flex:1;
    height:160px;
    background: #F7F8FC;
    border-radius: 8px;
}
.core-item img{
    width:86px;
    height:86px;
    border-radius: 8px;
}
.core-item > .core-item-content{
    display: flex;
    justify-content: center;
    gap:30px
}
.core-item > .core-item-content span{
    display: flex;
    justify-content: center;
    padding:10px;
}
.core-item div a {
    text-decoration: none;
}
.core-item div div{
    display: flex;
    flex-direction: column;
}

.goods img{
    mix-blend-mode: multiply;
    /* 设置混合模式为相乘，用于定义元素内容与背景或其他元素的混合方式 */
}

/* 底部右端元素 */
.search-bar-bottom-right{   
    width:248px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap:10px;
    position:relative;
    float: right;
}
.login{
    background-color: rgb(255,247,250);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:25px 0;
    border-radius: 8px;
}
.login img{
    width:60px;
    height:60px;
}
.login > .login-button{
    background-color: #ff0f23;
    font-size: 16px;
    font-weight: 600;
    color:#ffffff;
    border-radius: 8px;
    width:224px;
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-button a{
    font-size: 16px;
    font-weight: 600;
    color:#ffffff;
}
.login ul{
    list-style: none;
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
.login a{
    text-decoration: none;
}
.welfare{
    display: flex;
    flex-direction: column;
}
.welfare-icon1{
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 600;
}
.welfare-icon2{
    color: #1a1a1a;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 登录下方的底部元素样式 */
.core_item{
    background-color: rgb(247,248,252);
    border-radius: 8px;
    width:248px;
    height:108px;
}
.core_item img{
    width:28px;
    height:28px;
}
.core_item_row{
    padding-left: 10px;
}
.core_item_row ul{
    list-style: none;
    display: flex;
    gap: 20px;
    overflow-x: hidden; /* 如果内容超出盒子宽度，隐藏多余部分 */
    white-space: nowrap; /* 确保内容不换行 */
}
.core_item_row ul li{
    display: flex;
    flex:1;
    width: 60px;
    height: 50px;
}
.core_item_row a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #505259;
    font-size:12px;
}
.core_line_1{
    padding-top: 10px;
}

/* 底部服务区 */
.footer{
    width:100%;
    height:100%;
    background-color: rgb(247,248,252);
}
.mod_service_inner{
    height:103px;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #dedede;
}
.mod_service_inner ul{
    list-style: none;
    display: flex;
    justify-content: center;
}
.mod_service_inner li{
    width:297px;
    height: 42px;
    color: #444;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
}
.service-icon1{
    width: 40px;
    height: 40px;
    background-color: gray;
    background: url(./img/auth.png);
    background-position: 0px -193px;
}
.service-icon2{
    width: 40px;
    height: 40px;
    background-color: gray;
    background: url(./img/auth.png);
    background-position: -40px -193px;
}
.service-icon3{
    width: 40px;
    height: 40px;
    background-color: gray;
    background: url(./img/auth.png);
    background-position: -80px -193px;
}
.service-icon4{
    width: 40px;
    height: 40px;
    background-color: gray;
    background: url(./img/auth.png);
    background-position: -120px -193px;
}
.mod_help_inner{
    display: flex;
    justify-content: center;
    align-items: center;
    margin:20px 0;
}
.mod_help_list{
    display: flex;
    justify-content: center;
    margin-left: 200px;
}
.mod_help_nav{
    width:238px;
}
.mod_help_nav ul{
    list-style: none;
}
.mod_help_nav a{
    text-decoration: none;
    color: #666;
    font-size: 12px;
}
.mod_help_nav a:hover{
    color: #ff0023;
}
.mod_copyright{
    border-top: 1px solid #dedede;
    padding:15px 0;
}
.mod_copyright_inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mod_copyright_inner a:hover{
    color: #ff0023;
}
.mod_copyright_inner a{
    text-decoration: none;
    color: #666;
    font-size: 12px;
}
.mod_copyright_split{
    color: #ccc;
}

.mod_copyright_auth{
    display: flex;
    justify-content: center;
    align-items: center;
    margin:25px 0;
}
.mod_copyright_auth > .auth_icon1{
    display: block;
    width: 120px;
    height: 35px;
    background: url('./img/auth.png');
    background-position: -200px -110px;
}
.mod_copyright_auth > .auth_icon2{
    display: block;
    width: 120px;
    height: 35px;
    background: url('./img/auth.png');
    background-position: -200px -308px;
}
.mod_copyright_auth > .auth_icon3{
    display: block;
    width: 120px;
    height: 35px;
    background: url('./img/auth.png');
    background-position: -200px -270px;
}
.mod_copyright_auth > .auth_icon4{
    display: block;
    width: 120px;
    height: 35px;
    background: url('./img/auth.png');
    background-position: -200px 0px;
}
.mod_copyright_auth > .auth_icon4{
    display: block;
    width: 120px;
    height: 35px;
    background: url('./img/auth.png');
    background-position: -200px 0px;
}
.mod_copyright_auth > .auth_icon5{
    display: block;
    width: 105px;
    height: 35px;
    background: url('./img/auth.png');
    background-position: 0px -155px;
}
.mod_copyright_auth > .auth_icon6{
    display: block;
    width: 105px;
    height: 30px;
    background: url('./img/auth2.png');
    background-position: 0px -100px;
}
.commodity-box{
    background-color: rgb(247,252,253);
    min-width:1243px;
    z-index: -1;
    height:100%;
    width:100%;
}
.commodity-bar{
    margin:0 auto;
    max-width:1708px;
    height:100%;
    padding:10px 54px;
    min-width: 1180px;
}
.commodity-content{
    width: auto;
    flex:1;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 8px;
    z-index: 0;
}
/* 商品分类导航栏 - 粘性定位 */
.commodity-list {
    position: sticky;
    /* 设置元素为粘性定位，使其在页面滚动时保持固定位置 */
    top: 0;
    z-index: 100;
    background-color: white;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
}

/* 调整商品列表的上边距 */
.product-list {
    margin-top: 20px; /* 避免被固定导航遮挡 */
}
.commodity-list ul{
    list-style:none;
    display: flex;
    align-items: center;
    gap:10px;
}
.commodity-list li{
    width: 108px;
    height: 36px;
    border-radius: 8px;
    background-color: #F7F8FC;
    cursor: pointer;
    margin: 16px 0 16px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.commodity-list a{
    text-decoration:none;
    color:#505259;
    font-size: 16px;
    border-radius: 16px;
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.commodity-list a:hover{
    color: #ff0023;
}
.commodity-list-active a{
    background-color: rgb(255, 235, 241);
    color: #ff0023;
    font-weight: 800;
}
.goods-ty1{
    width:24px;
    height:24px;
    background-image: url('./img/goods-type/ty1.png');
    background-size: 100% 100%; 
}
.goods-ty2{
    width:24px;
    height:24px;
    background-image: url('./img/goods-type/ty2.png');
    background-size: 100% 100%; 
}
.goods-ty3{
    width:24px;
    height:24px;
    background-image: url('./img/goods-type/ty3.png');
    background-size: 100% 100%; 
}
.goods-ty4{
    width:24px;
    height:24px;
    background-image: url('./img/goods-type/ty4.png');
    background-size: 100% 100%; 
}
.goods-ty5{
    width:24px;
    height:24px;
    background-image: url('./img/goods-type/ty5.png');
    background-size: 100% 100%; 
}
.goods-ty6{
    width:24px;
    height:24px;
    background-image: url('./img/goods-type/ty6.png');
    margin-right:5px;
    background-size: 100% 100%; 
}
.product-list{
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-list ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap:10px;
    padding-left:10px;
}
.product-list li{
    width:256px;
    height:370px;
}
.product{
    border-radius: 8px;
    text-decoration: none;
}
.product-intro {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制显示的行数为2行 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* 确保文本可以换行 */
    line-clamp: 2; /* 标准属性，当前并未被所有浏览器支持，但可作为未来兼容性的准备 */
}
.product-img{
    width:100%;
    height:256px;
    border-radius: 8px;
    object-fit: cover;
}
.price-and-txt i{
    font-size: 12px;
    color: #ff0f23;
    font-weight: 700;
}
.b-price{
    font-size: 24px;
    font-weight: 500;
    font-family: JDZhengHT-EN-Regular;
    color: #ff0f23;
}
.price-a{
    color: #ff0f23;
    font-size: 16px;
    font-weight: 500;
}
.txt{
    color: #8C8C8C;
    margin-left: 4px;
    font-family: JDZhengHT-EN-Regular;
}

/* 1200px~1400px */
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .product-list li {
        width: 230px !important;
    }
    .product-img {
        width: 230px !important;
    }
}
/* 1400px~1800px */
@media screen and (min-width: 1400px) and (max-width: 1600px) {
    .product-list li {
        width: 220px !important;
    }
    .product-img {
        width: 220px !important;
    }
}
@media screen and (min-width: 1600px) and (max-width: 1800px) {
/* 当屏幕宽度小于或等于1800像素时应用的样式 */
    .product-list li {
        width: 245px !important;
    }
    .product-img {
        width: 245px !important;
    }
}

/* 当屏幕宽度小于或等于 1800 像素时 */
/* 响应式样式：当屏幕宽度为 1800 像素时 */
@media (max-width: 1800px) {
    .core-item-content a:nth-child(2) {
        display: none; /* 隐藏第二个 <a> 元素 */
    }
}
/* 响应式样式：1400px 到 1800px */
@media (max-width: 1700px) {
    .broadcast-content{
        padding-left: 10px;
    }
}
/* 1400px~1800px */
@media (max-width: 1600px) {
    .broadcast-right{
        display: none;
    }
    .broadcast-left{
        padding-left: 10px;
        width:120px;    
    }
    .bobo{
        left: 20px;
    }
}
@media (max-width: 1400px) {
    .broadcast-right{
        display: none;
    }
    .broadcast-left{
        padding-left: 15px;
        width:120px;
    }
    .bobo{
        left: 26px;
    }
}
@media (max-width: 1600px) {
    .vip-left{
        display: none;
    }
    .vip-right{
        padding-left:40px;
    }
}
@media (max-width: 1400px) {
    .vip-left{
        display: none;
    }
    .vip-right{
        padding-left:10px;
    }
}


/* 商品项悬停效果 */
.product-list li {
    transition: all 0.3s ease; /* 平滑过渡动画 */
    border-radius: 8px;
    overflow: hidden; /* 确保子元素圆角不溢出 */
}

.product-list li:hover {
    transform: translateY(-5px); /* 轻微上浮 */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* 阴影增强 */
    background-color: #fff9fa; /* 浅红色背景（京东风格） */
    border: 1px solid #ff0f23; /* 红色边框 */
}

/* 商品图片悬停放大效果 */
.product-img {
    transition: transform 0.3s ease;
}

.product-list li:hover .product-img {
    transform: scale(1.05); /* 图片轻微放大 */
}

/* 价格悬停变红 */
.price-and-txt {
    transition: color 0.3s ease;
}

.product-list li:hover .b-price,
.product-list li:hover .price-a {
    color: #ff0f23; /* 价格变红 */
}

/* 国家补贴标签悬停高亮 */
.subsidy {
    transition: background-color 0.3s ease;
}

.product-list li:hover .subsidy {
    background-color: #ff0f23;
    color: white;
}


/* 侧边导航栏样式 */
.side-nav {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px 0 0 8px;
    z-index: 999;
}

.side-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-nav-item {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
    transition: all 0.3s ease;
}
.side-nav-item a{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width:100%;
    height:100%;
    text-decoration: none;
}
.side-nav-item:last-child {
    border-bottom: none;
}

.side-nav-item:hover {
    background-color: #f5f5f5;
}

.side-nav-icon {
    font-size: 16px;
    color: #666;
    font-weight: 500;
}

.side-nav-item:hover .side-nav-icon {
    color: #ff0f23;
}
.side-nav-img1{
    width: 20px;
    height:20px;
    background-image: url('./img/side-nav/img1.png');
    background-size: 100% 100%;
}
.side-nav-img2{
    width: 20px;
    height:20px;
    background-image: url('./img/side-nav/img2.png');
    background-size: 100% 100%;
}
.side-nav-img3{
    width: 20px;
    height:20px;
    background-image: url('./img/side-nav/img3.png');
    background-size: 100% 100%;
}
.side-nav-img4{
    width: 20px;
    height:20px;
    background-image: url('./img/side-nav/img4.png');
    background-size: 100% 100%;
}



/* 输入框虚化样式 */
#search-input {
    color: #888; /* 设置虚化颜色 */
        font-style: italic; /* 可选：设置字体为斜体 */
    }

    /* 点击输入框时清除虚化效果 */
#search-input:focus {
    color: #000; /* 设置聚焦颜色 */
    font-style: normal; /* 可选：恢复正常字体 */
}